<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/res/css/simple.css" />
<script type="text/javascript" src="<%=request.getContextPath() %>/res/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/res/jquery.form.js" ></script>
<title>客户账单汇总</title>
<style type="text/css">
.td_m{
	width: 50px;
}
.chtrm td{
	background: #eee;
	font-weight: bold;
	padding-left:0;
	text-align: center;
}
.chtrt td{
	padding-left:0;
	background: #eee;
	text-align: center;
}
.td_q{
	width:50px;
	color: green;
}
.td_h{
	width:50px;
	color: blue;
}


 
</style>
<script>
$(document).ready(function() {  
    $(".myTable tr:gt(1)").mouseover(function() {  
          $(this).addClass("over");  
      }).mouseout(function() {  
          $(this).removeClass("over");  
    });
}); 
</script>
</head>
<body>
<jsp:include page="/admin/header.jsp" flush= "true ">
      <jsp:param name="m" value="countcbill"   />
</jsp:include>
<div style="margin:0 auto;width: 100%;" >
&nbsp;
<hr />

<table class="myTable" >
	<tr class="chtrm" >
		<td width="30"  rowspan="2" >&nbsp;</td><td rowspan="2">客户</td><td colspan="2" >1 月</td><td colspan="2">2 月</td><td colspan="2">3 月</td><td colspan="2">4 月</td><td colspan="2">5 月</td><td colspan="2">6 月</td><td colspan="2">7 月</td><td colspan="2">8 月</td><td colspan="2">9 月</td><td colspan="2">10 月</td><td colspan="2">11月</td><td colspan="2">12 月</td><td colspan="2">${year }年度</td>
	</tr>
	<tr class="chtrt" >
		<td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td><td>欠</td><td>还</td>
	</tr>
	<c:forEach items="${data }" var="d" varStatus="i" >
	<tr class="tr_content" >
		<td width="30" >${d.customerId}</td><td>${d.customerName}</td>
		<td class="td_q" >${d.q_1>0?d.q_1:"-" }</td><td class="td_h">${d.h_1>0?d.h_1:"-" }</td>
		<td class="td_q" >${d.q_2>0?d.q_2:"-" }</td><td class="td_h">${d.h_2>0?d.h_2:"-" }</td>
		<td class="td_q" >${d.q_3>0?d.q_3:"-" }</td><td class="td_h">${d.h_3>0?d.h_3:"-" }</td>
		<td class="td_q" >${d.q_4>0?d.q_4:"-" }</td><td class="td_h">${d.h_4>0?d.h_4:"-" }</td>
		<td class="td_q" >${d.q_5>0?d.q_5:"-" }</td><td class="td_h">${d.h_5>0?d.h_5:"-" }</td>
		<td class="td_q" >${d.q_6>0?d.q_6:"-" }</td><td class="td_h">${d.h_6>0?d.h_6:"-" }</td>
		<td class="td_q" >${d.q_7>0?d.q_7:"-" }</td><td class="td_h">${d.h_7>0?d.h_7:"-" }</td>
		<td class="td_q" >${d.q_8>0?d.q_8:"-" }</td><td class="td_h">${d.h_8>0?d.h_8:"-" }</td>
		<td class="td_q" >${d.q_9>0?d.q_9:"-" }</td><td class="td_h">${d.h_9>0?d.h_9:"-" }</td>
		<td class="td_q" >${d.q_10>0?d.q_10:"-" }</td><td class="td_h">${d.h_10>0?d.h_10:"-" }</td>
		<td class="td_q" >${d.q_11>0?d.q_11:"-" }</td><td class="td_h">${d.h_11>0?d.h_11:"-" }</td>
		<td class="td_q" >${d.q_12>0?d.q_12:"-" }</td><td class="td_h">${d.h_12>0?d.h_12:"-" }</td>
		<td class="td_q" ><b>${d.q_y>0?d.q_y:"-" }</b></td><td class="td_h"><b>${d.h_y>0?d.h_y:"-" }</b></td>
	</tr>
	</c:forEach>
</table>
</div>
<%@include file="/admin/bottom.jsp" %>
</body>
</html>
